<!doctype html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link type="text/css" rel="stylesheet" href="CodeMirrorTest.css">
	<title>Code Mirror</title>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-19890592-1']);
		_gaq.push(['_trackPageview']);

		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
</head>
<body>

	<table width="100%" border='1' bordercolor='#92C1F0' style='border-collapse: collapse' cellpadding='5'>
		<tr>
			<td width='800px'>
	<div style="border: 0px solid black; margin-top: 4px; margin-left: 4px; margin-bottom: 4px;">
		<textarea id="code">
package example;

import java.awt.*;

/**
 * This class subclasses DrawableRect and adds colors to the rectangle it draws
 **/
public class ColoredRect extends DrawableRect {
  // These are new fields defined by this class.
  // x1, y1, x2, and y2 are inherited from our super-superclass, Rect.
  @AnnotationTest
  protected Color border, fill;
  private String name;

  /**
   * This constructor uses super() to invoke the superclass constructor, and
   * also does some initialization of its own.
   **/
  public ColoredRect(int x1, int y1, int x2, int y2, Color border, Color fill){
    super(x1, y1, x2, y2);
    /* This
    is a block comment */
    this.border = border;
    this.fill = fill;
    this.name = "This is a string";
  }

  /**
   * This method overrides the draw() method of our superclass so that it
   * can make use of the colors that have been specified.
   **/
  public void draw(Graphics g) {
    g.setColor(fill);
    g.fillRect(x1, y1, x2, y2);
    g.setColor(border);
    g.drawRect(x1, y1, x2, y2);
  }
}
			</textarea>
        </div>
			</td>
			<td valign='top' height="100%" style='height: 100%'>
				<div id='log' style='width: 100%; font-family: Georgia; font-size: 14px; height: 400px; overflow: auto;'>
				</div>
			</td>
		</tr>
	</table>
		<script type="text/javascript" language="javascript" src="codemirrortest/codemirrortest.nocache.js"></script>
		<div class="copyright" align='center'>
			&copy; 2010, Gaurav Vaish. <a href="http://www.mastergaurav.com">www.mastergaurav.com</a>
		</div>
	</body>
</html>
